<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="static/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript" src="static/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript"  src="static/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
   <!-- <a class="btn btn-success">点我啊</a> <br/>
    <img src="static/111.jpg" style="width: 300px;height: 300px;" class="img-circle">-->
    <!-- container:指定当前div为bs的一个容器 -->
    <div class="container">
        <!-- row :设置div为容器的一个行 -->
        <div class="row">
            <!--  col-lg-2  在大屏幕分辨率下指定当前div占一行12列的2列-->
            <div class="col-lg-2 col-md-3 col-sm-4">112</div>
            <div class="col-lg-2 col-md-3  col-sm-7">113</div>
            <div class="col-lg-2 col-md-3  col-sm-1">114</div>
            <div class="col-lg-2 col-md-8  col-sm-5">115</div>
            <div class="col-lg-2 col-md-4  col-sm-3">116</div>
        </div>
        <div class="row">
            <div class="col-lg-2 col-md-3">211</div>
            <div class="col-lg-2 col-md-3">212</div>
            <div class="col-lg-2 col-md-3">213</div>
            <div class="col-lg-2 col-md-3">214</div>
            <div class="col-lg-2 col-md-3">215</div>
            <div class="col-lg-2 col-md-3">216</div>
        </div>
        <div class="row">
            <div>311</div>
            <div>312</div>
            <div>313</div>
            <div>314</div>
            <div>315</div>
            <div>316</div>
        </div>
    </div>

</body>
</html>